@table-label-width: 300px;
@table-label-color: #eeeeee;
.table {
  font-size: 20px;
  .border();
  .table-label {
    .border-right();
    width: @table-label-width;
    background-color: @table-label-color;
    display: flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
  }
  .table-row {
    display: flex;
    .border-bottom();
    & > div {
      padding: 15px 20px;
      align-self: stretch;
      &.table-value {
        flex: 1;
      }
    }
    &.no-border {
      border: none;
    }
  }
}

.table-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  
  .table-row {
    &:nth-child(2n) {
      .table-label {
        .border-left();
        text-align: center;
      }
    }
  }
}

.row-large {
  .table-row {
    min-height: 400px;
  }
}

.row-100 {
  .table-row {
    height: 100vh;
  }
}

